  *{margin:0;padding: 0;}
ul,ol{list-style: none;}
a{text-decoration: none;}
body{font:14px/25px "微软雅黑"}


/* header-top */
div.header-top{
    overflow: hidden;
    width: 1199px;
    margin: 0 auto;
}

/* logo */
div.header-top .logo{
    float:left;
    margin-top: 39px;
    width:192px;
    height: 62px;
}
div.header-top .logo h1{
    width: 193px;
    height: 63px;
    /* 隐藏字的好方法。 */
    text-indent: -999px;
    background:url(../images/logo.png) no-repeat ;
}

/* 工具栏 */
div.header-top .tool{
    float:right;
    margin-top: 35px;
    width: 266px;
}
/* 工具栏c1部分 */
div.header-top .tool .c1 a.tel{
    display: inline-block;
    width: 32px;
    height: 25px;
    margin-right: 25px;
}
div.header-top .tool .c1 span.tel-num{
    display: inline-block;
    width: 134px;
    height: 26px;
    color:  #00978E;
    font-size:16px;
    line-height: 26px;
}
div.header-top .tool .c1 a.icon{
    width: 24px;
    height: 24px;
}
div.header-top .tool .c1 a.chinese-icon{
    margin-right: 14.1px;
}
/* 工具栏c2部分 */
div.header-top .tool .c2{
    margin-top:14px;
    width: 264px;
    height: 28px;
    border: 1px solid rgba(202,202,202,0.60);
    border-radius: 4PX;
}
div.header-top .tool .c2 input{
    float:left;
    width:224px;
    height:28px;
    border:none;
    line-height:28px;
    padding-left:19px;
    outline:none;
}
div.header-top .tool .c2 button {
    float:right;
    width:20px;
    height: 20px;
    background:none;
    border:none;
    outline:none;
    cursor: pointer;
    /* 使用相对定位微调位置。 */
    position: relative;
    right:4px;
    top:4px;
}


/* 导航条 */
nav {
    /* width: 1920px; */
    /* 不用写宽度。可以充满整个页面。 */
    height: 60px;
    background-color: #00978E;
    margin-top:29px;
}
nav ul{
    width: 1250px;
    height: 60px;
    margin: 0 auto;
}
nav ul li{
    float:left;
    font-size:16px;
    width:150px;
    height: 60px;
    text-align: center;
    line-height:60px;
}
nav ul li.cur{
    background-color:rgba(71, 56, 56, 0.479);
}
nav ul li a{
    /* a标签转块设置宽高，选择范围变大。 */
    display:inline-block;
    width:150px ;
    height: 60px;
    color: white;
}
nav ul a:hover{
    background-color:rgba(81, 204, 81, 0.479);
}

/* banner */
section.banner{
    width: 100%;
    position: relative;
}
section.banner img{
    width: 100%;
}
section.banner .center{
    /* 版心   */
    width:1200px;
    height: 300px;
    position: absolute;
    top:50%;
    margin-top:-150px;
    left:50%;
    margin-left:-600px;
}
section.banner .center h2{
    position: absolute;
    left:148px;
    top:132px;
    width: 480px;
    height: 79px;
    color:#015E58 ;
    font-size:60px;
    font-weight: normal;
}
section.banner .center .btn{
    position: absolute;
    top:50%;
    margin-top:-32px;
    width: 56px;
    height: 64px;
    background-color: rgba(77, 70, 70, 0.6);
    border-radius: 10%;
    color: white;
    text-align: center;
    line-height: 64px;
    font-family: "宋体",serif;
    font-size:24px;
    font-weight: bold;
}
section.banner .center .right-btn{
    right: 0px;
}
section.banner ol{
    width: 130px;
    height:12px ;
    position: absolute;
    left:50%;
    margin-left:-65px;
    bottom:20PX;
}
section.banner ol li{
    float:left;
    height: 12px;
    width: 20px;
    margin:0 5px;
    border-radius: 20%;
    background-color:white;
}
section.banner ol li.cur{
    width: 30px;
    background-color: #00978E;
}


/* 网页的内容 */
section.content{
    margin-top:71.3px;
}
section.content h3{
    border-left:5px solid #00978E;
    padding-left:10px;
    height:20px;
    line-height: 20px;
}

/* 常用链接 */
section.content .useful-links{
    width: 960px;
    overflow: hidden;
    margin:0 auto;

}
section.content .useful-links ul li a{
    float:left;
    margin:0 27px;
    text-align: center;
    color: black;
    font-size: 20px;
}
section.content .useful-links ul li a img{
    width: 106px;
    height: 106px;
}

/* 医院动态 */
section.content .news-and-notice{
    width: 1200px;
    margin:0 auto;
    margin-top:56px;
    overflow: hidden;
}
section.content .news-and-notice .news{
    float:left;
}
section.content .news-and-notice .news h3{
    margin-bottom: 27px;
    
}
section.content .news-and-notice .news .hot-news{
    overflow: hidden;
    float:left;
    margin-right:15px;
    position:relative;
    width: 420px;                      
}
 section.content .news-and-notice .news .hot-news a img{
     float: left;
 }
 section.content .news-and-notice .news .hot-news a div{
    position: absolute;
    width: 395px;
    height: 40px;
    padding-left:25px;
    background-color: rgba(202,202,202,0.6);
    bottom:0px;
    color: white;
    line-height:40px;
}  
section.content .news-and-notice .news ul{
    float:right;
    width: 401px;
}
section.content .news-and-notice .news ul li{
    height: 40px;
    margin:1px 0;
}
section.content .news-and-notice .news ul li a{
    color: black;
}
section.content .news-and-notice .news ul li a.cur{
    color:#00978E ;
    font-weight: bold;
}
section.content .news-and-notice .news ul li span{
    float:right;
}


/* 医院公告 */
section.content .news-and-notice .notice{
    float:left;
    margin-left:30px;
}
section.content .news-and-notice .notice h3{
    margin-bottom: 27px;
}
section.content .news-and-notice .notice ol{
    overflow: hidden;
    width: 330px;
}
section.content .news-and-notice .notice ol li{
    margin:14px 0;
}
section.content .news-and-notice .notice ol li:first-child{
    margin-top:0;
}
section.content .news-and-notice .notice ol li div.num{
    width: 57px;
    height: 53px;
    float: left;
    background-color: #00978E;
    color: white;
    font-size: 30px;
    font-family:Helvetica ;
    line-height:53px;
    text-align: center;
    margin-right: 16px;
}
section.content .news-and-notice .notice ol li a{
    color: black;
}

/* 宣传图 */
section.content .ad-images{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    margin-top:20px;
    margin-bottom: 28px;
}
section.content .ad-images img{
    float: left;
}

/* 科室介绍 */
section.content .dep-info{
    background:  #FAFAFA;
}
section.content .dep-info .center{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    padding:36.3px  0  24px 0;
}
section.content .dep-info .center .dep-head{
    margin-bottom: 18.7px;
    overflow: hidden;
}
section.content .dep-info .center .dep-head h3{
    float: left;
    font-family: Helvetica;
    font-size: 16px;
}
section.content .dep-info .center .dep-head a{
    float: right;
    font-family: Helvetica;
    font-size: 14px;
    color: #999999;
}
section.content .dep-info .center .dep-content {
    overflow: hidden;
}
section.content .dep-info .center .dep-content .dep{
    float: left;
    position: relative;
}
section.content .dep-info .center .dep-content .dep:first-child{
    margin:0 37px;
    width: 263px;
}
section.content .dep-info .center .dep-content .dep:nth-child(2){
    width: 263px;
}
section.content .dep-info .center .dep-content .dep:nth-child(3){
    margin:0 36px;
    width: 264px;
    
}
section.content .dep-info .center .dep-content .dep:nth-child(4){
    width: 264px;
}
section.content .dep-info .center .dep-content .dep h4{
    text-align: center;
    font-family: Helvetica;
    font-size: 14px;
    margin-bottom:18px;
}
section.content .dep-info .center .dep-content .dep h4::before{
    content: '';
    background-color: teal;
    width: 40px;
    height: 2px;
    position: absolute;
    left:60px;
    top:10px;
}
section.content .dep-info .center .dep-content .dep h4::after{
    content: '';
    background-color: teal;
    width: 40px;
    height: 2px;
    position: absolute;
    right:60px;
    top:10px;
}
section.content .dep-info .center .dep-content .dep ul li{
    width: 121px;
    height: 36px;
    border: 1px solid#AAA9A9;
    background-color: white;
    margin-bottom:24px; 
    text-align: center;
    line-height: 36px;
    border-radius: 3px;
}
section.content .dep-info .center .dep-content .dep ul li:nth-child(2n+1){
    float:left;
}
section.content .dep-info .center .dep-content .dep ul li:nth-child(2n){
    float:right;
}
section.content .dep-info .center .dep-content .dep ul li a{
    display: inline-block;
    width: 121px;
    height: 36px;
    color: black;
}
section.content .dep-info .center .dep-content .dep ul li.select a{
    color:  #00978E;
    font-weight: bold;
}

/* 专家介绍 */
section.content .exp-info{
    overflow: hidden;
    width: 1200px;
    margin:0 auto;
    padding-top:60px;
}
section.content .exp-info .exp-head{
    margin-bottom: 19.6px;
    overflow: hidden;
}
section.content .exp-info .exp-head h3{
    float:left;
    font-family: Helvetica;
    font-size: 16px;
}
section.content .exp-info .exp-head a{
    font-family: Helvetica;
    font-size: 14px;
    color: #999999;
    float: right;
}
section.content .exp-info ul li{
    float:left;
    width: 400px;
    height: 240px;
    overflow: hidden;
}
section.content .exp-info ul li div.picbox{
    width: 153px;
    height: 190px;
    float: left;
    margin-right:14px;
}
section.content .exp-info ul li div.wordbox{
    width: 223px;
    height: 240px;
    float: left;
    padding-top: 2px;
    color: #333;
    line-height: 27px;
}

/* 页脚 */
footer{
    background-color:#FAFAFA;
    padding-top:67px;
}
footer .friend-links{
    width: 1200px;
    margin:0 auto;
}
footer .friend-links ul{
    overflow: hidden;
    margin-top:20px;
}
footer .friend-links ul li{
    float: left;
    margin:0 50px;
    font-size: 16px;
}
footer .friend-links ul li a{
    color: #333333;
    font-size: 16px;
}
footer .address{
    width: 1200px;
    margin:0 auto;
    margin-top:30px;
}
footer .address ul{
    overflow: hidden;
    width: 711px;
}
footer .address ul li{
    float:left;
    width: 204px;
    margin-right: 33px;
    margin-top:18px;
}